React.DOM、ReactDOM 物件

• React 是用來建構 UI 的程式庫，當應用程式狀態發生改變時，UI 會自動產生相對應的變動。
• React.DOM 物件提供一些 HTML DOM 元素的 wrapper，可呼叫並設定其內容。

React.DOM.p({ id:"aaa" }, "news")
// React.DOM.元素(特性 , 子元素)

• React.DOM 物件設定元素 class 特性：

React.DOM.p({ className:"bbb" }, "news")
// class 為 javascript 保留字，故以 className 替代

• React.DOM 物件設定元素 style 特性：

React.DOM.p({ style: { color: "blue" } }, "news")
// 以 javascript 物件的形式來設定 style 特性

• 可利用 ReactDOM 物件的 render 方法來渲染 React 元件。

ReactDOM.render(
React.DOM.p({ id:"aaa" }, "news"),
document.getElementById("aaa")
);
// ReactDOM.render( React 元件 , DOM 元素物件 )